<template>
  <div>
    <el-container>
      <el-header>
        <Header/>
      </el-header>
      <el-main>
        <router-view :to="{name:'Index'}"/>
      </el-main>
      <el-footer>
        <Footer/>
      </el-footer>
    </el-container>
  </div>
</template>
<script>
import Header from "@components/header/Header.vue";
import Footer from "@components/footer/Footer.vue";

export default {
  name: 'App',
  components: {Header, Footer}
}
</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-main {
  height: 100%;
}

.el-main::-webkit-scrollbar {
  display: none;
}


.footer {
  text-align: center;
  align-items: center;
}
</style>
